/* Essentials */

body {
	background: #eaf6f7 url('/assets/media/pattern.jpg') repeat;
	color: #868686;
	font-size: 0.93em;
	font-family: Lucida Sans, Helvetica, Futura, sans-serif;
}

table {
	color: #868686;
	font-size: 0.93em;
	font-family: Lucida Sans, Helvetica, Futura, sans-serif;
}

.wrapper, .underwrapper {
	margin: 0 auto;
	padding: 13px 13px 0px 13px;
	width: 800px;
	text-align: left;
	border: 1px dotted grey;
	position: relative;
	background-color: rgba(255, 255, 255, 0.61);
}

.underwrapper {
	border-top: 0px dotted grey;
	padding-bottom: 13px;
	margin-bottom: 200px;
	font-size: 0.9em;
}


/* Basics */
a, a:visited {
	color: #6AB30E;
	text-decoration: none;
	outline: none;
}
a:focus, a:hover, a:active {
	color: #828A75;
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
}

a.navLink{
	width:60px;
}
	
.topleft {
	display: block;

}

.topright {
	text-align: right;
}

.button, .bigbutton {
	background: #DCF3CA;
	border: 1px dotted #7FCC97;
	padding: 3px 5px; 
	color: #6d6d6d; 
	-webkit-border-radius: 3px;
}

.bigbutton {
	font-size: 2.2em;
	margin: 10px 0 20px 22px;
	width: 300px;
	height: 130px;
}


.createAccountButton {
	background: #DCF3CA;
	border: 1px dotted #7FCC97;
	padding: 3px 5px; 
	color: #6d6d6d; 
	float: right;
	margin-right: 2px;
}

input.button:hover, input.createAccountButton:hover, input.bigbutton:hover {
    border: 1px solid #ACD18A;
    background: #CAE99C;
	padding: 3px 5px; 
}

.input {
    border: 1px solid #006;
    background: #ffc;
	padding: 3px 5px; 
}

input.login {
	padding: 3px 5px;
}

h2 {
	margin: -5px 0 0 0;
	font-size: 1.1em;
}

h3 {
	margin: 0;
	font-size: 1em;
}

fieldset.donation {
	width: 640px;
	margin: 0 auto;
	border: 1px dotted grey;
	margin-bottom: 20px;
	margin-top: 10px;
}

fieldset.donation_payment_method {
	margin-bottom: 0px;
	width: 640px;
	margin: 0 auto;
	border: 1px dotted grey;
}

.tinylink {
	text-decoration: underline;
}

.tiny, .tinylink {
	font-size: 0.8em;
}

.titlemsg {
	margin-bottom: 10px;
}

.createaccount {
	font-size: 0.7em; 
	float: right;
	text-decoration: underline;
	padding-right: 55px;
}

.loginExisting {
	float: left;
	font-size: 0.7em; 
	text-decoration: underline;
	padding-left: 90px;
}

#createAccountDiv {
	margin-left: 52px;
	padding-bottom: 26px;
}

#loginAreaDiv {
	margin-left: 16px;
}

.navigation {
	padding-right: 20px;

}

.mydonation_myfund_link {
	text-align: right;
	width: 50%;
}

#aboutLink {
	background: url('/assets/media/about.png') center top no-repeat;
	height: 57px;
	display: block;
	line-height: 57px;
	padding-top: 30px;
}

#aboutlink.a:hover, a:active" {
	background: url('/assets/media/about-off.png') center top no-repeat;
	height: 57px;
	display: block;
	line-height: 57px;
	padding-top: 30px;
}

#findFundLink {
	background: url('/assets/media/magnifier.png') center top no-repeat;
	height: 57px;
	display: block;
	line-height: 57px;
	padding-top: 30px;
}

#creatFundLink {
	background: url('/assets/media/piggybank.png') center top no-repeat;
	height: 57px;
	display: block;
	line-height: 57px;
	padding-top: 30px;
}

td {
	border: 0px dotted grey;
}

#donors, #perweek, #timeleft, #stats {
	line-height: 27px;
	text-align: center;
	width: 20%;
	font-size: 0.9em;
}

#donors {
	background: url('/assets/media/donors.png') center no-repeat;
}

#perweek {
	background: url('/assets/media/per-week.png') center no-repeat;
}


#timeleft{
	background: url('/assets/media/time-left.png') center no-repeat;
}

#stats {
	background: url('/assets/media/stats.png') center no-repeat;
}


/* Tables */

td {
	border: 0px dotted grey;
}

table.newfund, {
	border: 1px dotted grey;
	padding: 9px;
	z-index: -1;
}

table.fundContent {
	background: none !important;
}

td.newfund_hints {
	padding: 10px 0; 
}


.newfund_left, .newfund_right, .newfund_mid {
	padding: 10px;

}

.newfund_left {
	width: 39%;
	text-align: right;
}

.newfund_right {
	width: 52%;
	padding: 10px 0 0 20px
}

.newfund_mid{
	text-align: center;
	width: 11%;
	padding: 3px !important;
}

.loggedin {
	margin-top: -10px;
}

.myFundLink {
	text-align: right;
}

.myFundLinkImg {
	text-align: right; 
	margin-bottom: -2px;
}

.balanceLink {
	text-align: right;
}


.helloName {
	text-align: right;
}

td.submitfund {
	padding-left: 500px;
}

td.fundTitle {
	width: 90%;
}

td.fundID {
	width: 20%;
	text-align: right;
}

td.fundStats {
	width: 90%;
}

td.chooseFund {
	width: 20%;
	vertical-align: bottom;
	text-align: right;
}


tr.stat {
	height: 68px;
	vertical-align: bottom;
}

td.donate_details_amount {
	width: 33%;
}

td.donate_details_schedule{
	width: 20%;
}

td.donate_details_end{
	width: 47%;
}


/* Forms */

input, textarea {
	color: #737A6D;
	padding: 2px;
	background-color: #E9F7DA;
	border: 1px solid rgb(196,196,196);
	-webkit-border-radius: 3px;
}


textarea:focus, input:focus{
    outline: none;
}
.actionButton {
	text-align: center;
}

#loginDiv{
	margin-left: 35px;	
	margin-top: -10px;
}

#loginPassword {
	width: 120px;
}

input.first_name {
	width: 100px;
}

input.middle_name {
	width: 30px;
}

input.last_name {
	width: 100px;
}

input.fund_name, .fund_who {
	width: 262px;
}

input.street {
	width: 250px;
}

input.apt {
	width: 50px;
}

input.city {
	width: 164px;
}

input.zip {
	width: 80px;
}

span.validation {
	font-size: .9em;
	color:#FF5656;
}

span.dynamic {
	color:#6BD566;
	font-weight:bold;
}

span.instructions {
	color:#757575;
	font-size:.9em;
}

div.instructions {
	color:#757575;
	font-size:.9em;
}


/* NEW PROGRESS BAR */
.meter_wrap{
    position: relative;
    border:1px dotted grey;
    margin-bottom: 15px;
}

.meter_value {
    background: #D7F0CB;
}

.meter_content {
    position: relative;
    text-align: center;
    width: 798px;
    cursor:pointer;
}

.bar_header {
	padding: 9px 9px 0 9px;	
}

.bar_content {
	padding: 0 9px;
	font-size: 0.9em;
}

.bar_footer{
	padding: 0 9px 9px 9px;
}